<!DOCTYPE html>
<!--
This file is part of Cockpit.

Copyright (C) 2015 Red Hat, Inc.

Cockpit is free software; you can redistribute it and/or modify it
under the terms of the GNU Lesser General Public License as published by
the Free Software Foundation; either version 2.1 of the License, or
(at your option) any later version.

Cockpit is distributed in the hope that it will be useful, but
WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
Lesser General Public License for more details.

You should have received a copy of the GNU Lesser General Public License
along with Cockpit; If not, see <http://www.gnu.org/licenses/>.
-->
<html>
  <head>
    <title translate="yes">Diagnostic reports</title>
    <meta charset="utf-8">
    <link href="../base1/patternfly.css" rel="stylesheet">
    <link href="sosreport.css" rel="stylesheet">
    <script type="text/javascript" src="../base1/jquery.js"></script>
    <script type="text/javascript" src="../base1/cockpit.js"></script>
    <script type="text/javascript" src="../*/po.js"></script>
    <script type="text/javascript" src="sosreport.js"></script>
  </head>
  <body class="pf-m-redhat-font" hidden>
    <div class="page-ct">
      <img src="sosreport.png" alt="">
      <p translate="yes">This tool will collect system configuration and diagnostic information from this system for use with diagnosing problems with the system.</p>
      <p translate="yes">The collected information will be stored locally on the system.</p>
      <button translate="yes" class="btn btn-primary"
              data-toggle="modal" data-target="#sos">Create Report</button>
    </div>

    <div class="modal" id="sos" tabindex="-1" role="dialog" data-backdrop="static">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <h4 class="modal-title" translate="yes">Create diagnostic report</h4>
          </div>
          <div class="modal-body">
            <div id="sos-alert" class="pf-c-alert pf-m-info pf-m-inline" aria-label="inline info alert">
              <div class="pf-c-alert__icon">
                <span class="pficon pficon-info"></span>
              </div>
              <h4 class="pf-c-alert__title alert-message" translate="yes">The generated archive contains data considered sensitive and its content should be reviewed by the originating organization before being passed to any third party.</span>
              </h4>
            </div>
            <div id="sos-progress" class="text-center">
              <div translate="yes">Generating report</div>
              <div class="progress">
                <div class="progress-bar" role="progressbar"></div>
              </div>
            </div>
            <div id="sos-download" class="text-center">
              <div translate="yes">Done!</div>
              <button class="btn btn-primary" translate>Download report</button>
            </div>
            <div id="sos-error">
              <div class="pf-c-alert pf-m-danger pf-m-inline" aria-label="inline danger alert">
                <div class="pf-c-alert__icon">
                  <span class="pficon pficon-info"></span>
                </div>
                <h4 class="pf-c-alert__title alert-message"></h4>
              </div>
              <textarea id="sos-error-extra">
              </textarea>
            </div>
          </div>
          <div class="modal-footer">
            <button id="sos-cancel" class="btn btn-default"></button>
          </div>
        </div>
      </div>
    </div>

  </body>
</html>
